﻿@font-face { font-family: "iconfont"; src: url('../Fonts/iconfont.eot'); /* IE9*/ src: url('../Fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../Fonts/iconfont.woff') format('woff'), /* chrome, firefox */ url('../Fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../Fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ }
.icon-backend-folder-close:before { content: "\e619"; }
.icon-backend-yidong:before { content: "\e603"; }
.icon-backend-tuichu:before { content: "\e616"; }
.icon-backend-xiangmu:before { content: "\e609"; }
.icon-backend-update:before { content: "\e61e"; }
.icon-backend-weixin:before { content: "\e60a"; }
.icon-backend-shuju:before { content: "\e60b"; }
.icon-backend-checkbox-checked:before { content: "\e61c"; }
.icon-backend-crumbs:before { content: "\e61b"; }
.icon-backend-refresh:before { content: "\e604"; }
.icon-backend-search-list:before { content: "\e61f"; }
.icon-backend-delete:before { content: "\e620"; }
.icon-backend-website:before { content: "\e607"; }
.icon-backend-shangcheng:before { content: "\e60c"; }
.icon-backend-arrowright:before { content: "\e61a"; }
.icon-backend-jishishichang:before { content: "\e60d"; }
.icon-backend-back:before { content: "\e606"; }
.icon-backend-xitong:before { content: "\e60e"; }
.icon-backend-quanxuan:before { content: "\e621"; }
.icon-backend-lock:before { content: "\e600"; }
.icon-backend-account:before { content: "\e601"; }
.icon-backend-checkbox:before { content: "\e61d"; }
.icon-backend-module:before { content: "\e608"; }
.icon-backend-zhanzhanggongju:before { content: "\e60f"; }
.icon-backend-file:before { content: "\e617"; }
.icon-backend-details:before { content: "\e622"; }
.icon-backend-kehu:before { content: "\e610"; }
.icon-backend-qiye:before { content: "\e611"; }
.icon-backend-insert:before { content: "\e623"; }
.icon-backend-shouquan:before { content: "\e612"; }
.icon-backend-luntan:before { content: "\e613"; }
.icon-backend-vcode:before { content: "\e602"; }
.icon-backend-wendan:before { content: "\e614"; }
.icon-backend-topback:before { content: "\e605"; }
.icon-backend-zhandian:before { content: "\e615"; }
.icon-backend-folder-open:before { content: "\e618"; }
/*公共*/
body { font-family: 'Microsoft YaHei','微软雅黑',SimSun,Arial; font-size: 13px; background: #fff; /*禁止后台选中复制*/ -moz-user-select: none; -webkit-user-select: none; user-select: none; -ms-user-select: none; }
.display-block { display: block; }
.display-none { display: none; }
.display-inline-block { display: inline-block; }
.float-left { float: left; }
.float-right { float: right; }
.clear-both { clear: both; }
.width-full { width: 100%; }
.height-8 { height: 8px; }
.bgcolor-white { background: #fff; }
.tipcolor { color: #3498db !important; }
/*授权入口*/
.signin-container { background: #fff; position: absolute; z-index: 10; width: 312px; height: 400px; left: 50%; top: 50%; margin-left: -156px; margin-top: -200px; border-radius: 6px; overflow: hidden; border: 1px solid #e9e9e9; box-shadow: 0 0 10px #e9e9e9; }
.signin-logo { border-bottom: 1px solid #e9e9e9; margin: 0 10px; }
.signin-logo img { height: 50px; margin: 10px auto; }
.signin-container .monk-form { padding: 30px; position: absolute; top: 70px; bottom: 0; left: 0; right: 0; z-index: 10; }
.signin-container .monk-form-input { width: 138px; }
.signin-container .monk-input-button { margin-right: 0; padding: 12px 30px; }
/*后台首页*/
.index-body { overflow: hidden; }
#backend-container { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; }
/*顶部*/
#backend-top { position: absolute; top: 0; right: 0; left: 200px; height: 45px; border-bottom: 1px solid #e9e9e9; z-index: 1; background: #f9f9f9; }
.backend-top-menu { height: 44px; width: 44px; line-height: 44px; text-align: center; text-decoration: none; display: block; float: left; color: #aaa; font-size: 20px; cursor: pointer; }
.backend-top-menu.float-right { float: right; }
.backend-top-menu.border-left { border-left: 1px solid #e9e9e9; }
.backend-top-menu.border-right { border-right: 1px solid #e9e9e9; }
.backend-top-menu:hover { background: #f5f5f5; }
/*左边*/
#backend-left { position: absolute; top: 0; left: 0; width: 200px; bottom: 0; border-right: 1px solid #e9e9e9; z-index: 1; }
#backend-logo { height: 45px; border-bottom: 1px solid #e9e9e9; padding: 5px 0 0 10px; background: #f9f9f9; }
#backend-logo img { height: 35px; pointer-events: none; }
#backend-left-menu { position: absolute; left: 0; top: 45px; overflow: hidden; bottom: 0; right: 0; z-index: 1; }
.backend-menu-item.display-none { display: none; }
.backend-menu-title { height: 45px; margin: 0 10px; line-height: 45px; border-bottom: 1px solid #e9e9e9; font-weight: 500; font-size: 16px; }
.backe-menu-list { position: absolute; top: 47px; bottom: 0; left: 0; right: 0; z-index: 1; padding: 0 10px; }
.backe-menu-list ul, .backe-menu-list li { list-style: none; margin: 0; padding: 0; clear: both; }
.backe-menu-list > ul ul { display: none; }
.backend-menu-action { color: #444; line-height: 32px; font-size: 13px; padding: 0 3px; border-radius: 3px; }
.backend-menu-action:hover { background: #fafafa; cursor: pointer; }
.backend-menu-action.selected { background: #f4f4f4; cursor: pointer; color: #3498db; }
.backend-menu-action .space { display: inline-block; width: 18px; vertical-align: middle; pointer-events: none; }
.backend-menu-action .action-icon { display: inline-block; vertical-align: middle; pointer-events: none; font-size: 16px; color: #444; }
.backend-menu-action label { display: inline-block; vertical-align: middle; padding: 0 3px; pointer-events: none; }
.backend-menu-action .icon-arrow { font-size: 12px; display: inline-block; vertical-align: middle; line-height: 35px; color: #666; }
/*右边*/
#backend-right { position: absolute; top: 45px; left: 200px; right: 0; bottom: 0; z-index: 0; }
#backend-iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; width: 100%; height: 100%; }
/*模块菜单*/
#backend-module { position: absolute; left: -100px; top: 0; bottom: 0; width: 100px; z-index: 10; border-right: 1px solid #e9e9e9; overflow: hidden; background: #f9f9f9; }
.backend-module-item { text-align: center; height: 85px; display: table; width: 100%; padding: 0 15px; }
.backend-module-item a { display: table-cell; vertical-align: middle; border-bottom: 1px solid #f1f1f1; cursor: pointer; text-decoration: none; color: #9e9e9e; }
.backend-module-item span { font-size: 30px; pointer-events: none; }
.backend-module-item label { display: block; font-size: 12px; pointer-events: none; padding: 5px 0 0 0; color: #666; }
.backend-module-item a.selected span, .backend-module-item a.selected label { color: #3498db; }
/*列表功能按钮*/
.backend-buttons { height: 45px; border-bottom: 1px solid #e9e9e9; margin: 0 10px; line-height: 45px; }
.list-btn { background: transparent; outline: none; white-space: nowrap; color: #666; display: block; float: left; cursor: pointer; font-size: 13px; margin: 0 8px 0 0; padding: 0 5px; }
.list-btn.float-right { float: right; margin: 0 0 0 8px; }
.list-btn i, .list-btn label { float: left; pointer-events: none; }
.list-btn i { font-size: 15px; margin-right: 5px; color: #aaa; vertical-align: middle; }
.list-btn:hover label { color: #000; text-decoration: underline; }
/*内容页*/
.backend-content { clear: both; position: absolute; overflow: auto; top: 55px; left: 10px; right: 10px; bottom: 70px; z-index: 10; }
.backend-content.list-layout { top: 100px; }
/*面包屑*/
.backend-crumbs { height: 45px; line-height: 45px; border-bottom: 1px solid #e9e9e9; margin: 0 10px; }
.backend-crumbs .backend-crumbs-separator, .backend-crumbs a, .backend-crumbs .monk-iconfont { float: left; display: block; vertical-align: middle; }
.backend-crumbs .monk-iconfont { color: #ccc; padding-right: 6px; font-size: 15px; }
.backend-crumbs .backend-crumbs-separator { padding: 0 6px; color: #aaa; }
.backend-crumbs a { color: #999; text-decoration: none; cursor: pointer; }
.backend-crumbs a:hover { color: #666; }
/*底部操作*/
.backend-operate { position: absolute; bottom: 0; left: 10px; right: 10px; z-index: 10; border-top: 1px solid #e9e9e9; height: 60px; overflow: hidden; }
.backend-operate .monk-input-button { margin-top: 10px; }
/*文件上传*/
#selectFiles { padding: 0; overflow: hidden; vertical-align: top; }
/*表格*/
.monk-table table { width: 100%; min-width: 600px; border-collapse: collapse; border-spacing: 0; overflow: auto; position: relative; }
.monk-table table tr { border-bottom: 1px solid #e7eaec; line-height: 1.6em; }
.monk-table table thead tr { border-bottom: 1px solid #ddd; background: #f9f9f9; }
.monk-table table thead th { padding: 10px; font-size: 14px; font-weight: 500; white-space: nowrap; font-weight: bold; color: #787b7d; }
.monk-table table tbody td, .monk-table table tfoot td { padding: 10px; color: #757879; line-height: 1.7em; }
.monk-table table tfoot td { font-weight: 500; text-align: center; font-size: 14px; }
.monk-table table tbody tr:hover, .monk-table table tfoot tr:hover { background: #fafafa; }
.monk-table table td.monk-td-radio { width: 70px; text-align: center; }
.monk-table table td.monk-td-radio span.monk-iconfont.checked:before { content: "\e61c" !important; color: #3498db; }
.monk-table-status { width: 70px; text-align: center; }
.monk-table table td.monk-td-radio span.monk-iconfont { font-size: 17px; }
